摘要

• 這篇文章的目的是 ?
• CLI Tools
• 連結

這篇文章的目的是 ?

第 4 天的文章，分享了如果想要嘗試寫個 React 練習個手感、小試身手的話，是可以利用線上編輯器來使用。但現實是如果是要真的開發一個專案，哪還是會需要用到 CLI Tools 來協助我們，故這篇文章就會講到如何利用 CLI Tools 來建立一個 React 專案。

What is a “CLI Tools”?

中文我們稱呼叫命令列工具。命令列工具就像是電腦的魔法魔杖，您可以用它來告訴電腦做各種事情。它是一個文字界面，您可以在其中輸入指令，然後電腦會根據您的指令執行不同的任務。這有點像對著電腦說「嘿，我想要做這件事情！」，然後電腦就會聽您的話，幫您完成工作。

在 React 開發中，CLI Tools 的角色就像是一個幫手，幫助我們建立和管理 React 專案。React 是一個用來建立網頁應用程式的工具庫，但為了使用它，我們需要設定環境、建立檔案，等等。這時，CLI Tools 就登場了，讓整個過程變得更容易。

接著講到 React 的話，這裡會介紹目前市面上針對 React 專案的兩套 CLI tools：

• create-react-app：這是一個很受歡迎的 CLI 工具 (過去，現在則不一定了)，它可以快速幫你建立一個新的 React 專案，就像幫你建立一個空白的畫布，你可以在上面畫你的應用程式。它提供了一個預設的設定，省去了許多設定的麻煩，讓你可以快速開始編寫 React 程式碼。
• Vite：這也是一個 CLI 工具，但它設計得更加現代和快速。它能夠更快地建立你的專案，就像有一個超快的魔法魔杖。雖然它可能需要一些額外的設定，但它提供了更好的性能和更好的開發體驗。

總之，CLI Tools（命令列工具）是一個讓我們更輕鬆地建立和管理 React 專案的幫手。而 create-react-app 和 Vite 則是其中兩個常用的工具，可以幫助我們更快速地啟動 React 開發。就像用魔法魔杖一樣，它們可以讓我們在電腦上創造出很棒的網頁魔法！

連結

• create-react-app：https://create-react-app.dev/
• Vite：https://vitejs.dev/